﻿@model Applica.Models.SponsorInputs345xModel   
<div class="welcome_tab">
                                <div class="left_part">
                                    <h4>
                                        Banner Message</h4>
                                    <div class="welcome_img_phone">
                                      
                                         <img src="@Url.Content("~/images/banner.png")" alt=""  class="phoneImageBanner"/>
            <img style="display: none" src="@Url.Content("~/images/mobileApp/screenshots android/banner-android.png")" alt=""  class="phoneImageBanner"/>
              <img src="@Url.Content("~/images/mobileApp/see as android.png")" alt=""  class="phoneImageBanner1 phoneImageandroid"/>
            <img style="display: none" src="@Url.Content("~/images/mobileApp/see as iphone.png")" alt=""  class="phoneImageBanner1 phoneImageandroid"/>
            <script>
                $(".phoneImageBanner1").click(function () {
                    $(".phoneImageBanner1").toggle();
                    $(".phoneImageBanner").toggle();
                });
            </script>


                                    </div>
                                </div>
                                <div class="right_part">
                                    <p class="topdescription">
                                        Your 'Banner Message' is what gets displayed at the bottom of the main screens
                                        of your App.
									
									</p>
                                    <div id="spnMessagebanner"></div>

                                     @using (Ajax.BeginForm("Update", "Iphone", new AjaxOptions
                {
                    HttpMethod = "POST",
                    LoadingElementId = "loaderbanner",
                    OnSuccess = "successbanner"
                  
                }))
               {
 <div style="top: 80%; position: absolute; left: 50%;display:none" id="loaderbanner" ><img src="@Url.Content("~/images/ajax-loader.gif")" /></div>
                                     @Html.HiddenFor(model => model.sponsor)
									<div class="upload_view" style="height: 400px;">
                                        <div class="up_data">
                                                <label>
                                                    Company Name:</label>
                                                  @Html.TextBoxFor(model => model.icompany_name)
                                                <div class="info_icon">
                                                    <a href="#" class="tooltip">
                                                        <img src="@Url.Content("~/images/info_icon.png")" alt="" />
                                                        <span style="margin-left: -210px; margin-top: 33px;">
                                                            <img class="callout" src="@Url.Content("~/images/mobileApp/tool tips iphone/banner message/name line 1.png")" alt="" />
                                                            <p class="user_cont">
                                                                Your “My Screen” is a screen completely dedicated to you and the messages, image,
                                                                and links that you want to provide your customers.
                                                            </p>
                                                        </span></a>
                                                </div>
                                            </div>
                                       <div class="up_data">
                                                <label>
                                                    Phone:</label>
                                                @Html.TextBoxFor(model => model.iphone_number)
                                                <div class="info_icon">
                                                    <a href="#" class="tooltip">
                                                        <img src="@Url.Content("~/images/info_icon.png")" alt="" />
                                                        <span style="margin-left: -210px; margin-top: 33px;">
                                                            <img class="callout" src="@Url.Content("~/images/mobileApp/tool tips iphone/banner message/phone line.png")" alt="" />
                                                            <p class="user_cont">
                                                                Your “My Screen” is a screen completely dedicated to you and the messages, image,
                                                                and links that you want to provide your customers.
                                                            </p>
                                                        </span></a>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="save_btn">
                                        
                                        <input type="submit" value="" id="btnSubmit"/>  
             
                                </div>
               }
                            </div>
    </div>